{include file="public/header" /}
<!--<meta name="csrf-token" content="{{csrf_token()}}">-->
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/icheck/icheck.css" />
<script type="text/javascript" src="__STATIC__/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/admin/h-ui/js/H-ui.min.js"></script>
<script>
	//模块配置项
	var hdjs = {
		//框架目录
		'base': '__STATIC__/admin/node/hdjs',
		//上传文件后台地址
		'uploader': "{:url('admin/component/uploader')}",
		//获取文件列表的后台地址
		//				'filesLists': "{:url('admin/component/filesLists')}",
	};
</script>
<script src="__STATIC__/admin/node/hdjs/app/util.js"></script>
<script src="__STATIC__/admin/node/hdjs/require.js"></script>
<script src="__STATIC__/admin/node/hdjs/config.js"></script>

<title>编辑数据</title>
</head>

<body>
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 栏目 <span class="c-gray en">&gt;</span> 栏目编辑
		<a class="btn btn-secondary radius" href="{:url('admin/lans/index',['cname'=>$cname,'name'=>$name])}" style="line-height:1.6em;margin-left:500px;margin-top:-3px;" data-title="文章列表">数据列表</a>
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<article class="page-container">
		<form class="form form-horizontal" id="form-article-add" action="{:url('admin/lans/edit')}" method="post">
			<input type="hidden" name="aid" id="aid" value="{$oneData['aid']}" />
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章标题：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" placeholder="" id="articletitle" name="title" value="{$oneData['title']}">
				</div>
			</div>
			<!--<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">简略标题：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="articletitle2" name="articletitle2">
			</div>
		</div>-->
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属栏目：</label>
				<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="cid" class="select">
					
					<option value="{$oneData['cid']}">{$oneData['cname']}</option>
					<!--{/foreach}-->
					<!--<option value="1">新闻资讯</option>
					<option value="11">├行业动态</option>
					<option value="12">├行业资讯</option>
					<option value="13">├行业新闻</option>-->
				</select>
				</span> </div>
			</div>

			
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>排序值：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" name="sort" value="{$oneData['sort']}" placeholder="" id="articlesort">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>关键词：</label>
				<div class="formControls col-xs-8 col-sm-9">

					<textarea name="keywords" cols="" rows="" class="textarea" placeholder="">{$oneData['keywords']}</textarea>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章摘要：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<textarea name="description" cols="" rows="" class="textarea" placeholder="">{$oneData['description']}</textarea>
					<!--<p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>-->
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章作者：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" placeholder="" id="author" name="author"  value="{$oneData['author']}" >
				</div>
			</div>
			<!--<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章作者：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<button onclick="upImages(this)" class="btn btn-default" type="button">选择图片</button>
					<div id="box"></div>
					<script>
						//上传图片
						function upImages(obj) {
							require(['util'], function(util) {
								options = {
									//上传多图
									multiple: true,
								};
								util.image(function(images) {

									$(images).each(function(k, v) {
										$("<img src='" + v + "'/>").appendTo('#box');
									})
								}, options)
							});
						}
					</script>
				</div>
			</div>-->
			<div class="row cl">

				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>缩略图：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<div class="input-group">
						<input type="text" class="form-control input-text" name="thumb" readonly="" value="{$oneData['thumb']}">
						<div class="input-group-btn">
							<button onclick="upImage(this)" class="btn btn-default" type="button">选择图片</button>
						</div>
					</div>
					<div class="input-group" style="position: relative;margin-top:5px;">
						{empty name="oneData"}
						<img src="__STATIC__/admin/images/nopic.jpg" class="img-responsive img-thumbnail" width="150">
						{else/}
							<img src="{$oneData['thumb']}" class="img-responsive img-thumbnail" width="150">
						{/empty}
						<!--<em class="close" style="position:absolute; top: -6px; left:132px;" title="删除这张图片" onclick="removeImg(this)">×</em>-->
					</div>
				</div>
			</div>
			<script>
				//上传图片
				function upImage(obj) {
					require(['util'], function(util) {
						options = {
							multiple: false, //是否允许多图上传
							//data是向后台服务器提交的POST数据
							data: {
								name: '后盾人',
								year: 2099
							},
						};
						
						util.image(function(images) { //上传成功的图片，数组类型                                           
							$.ajax({
								type: "GET",
								url: "{:url('Admin/lans/del')}",
								data: {
									path: $("[name='thumb']").val()
								},
								dataType: "html",
								success: function(data) {

								}
							});

							$("[name='thumb']").val(images[0]);
							$(".img-thumbnail").attr('src', images[0]);
						}, options)
					});
				}

				//移除图片
				function removeImg(obj) {
					$(obj).prev('img').attr('src', '__STATIC__/admin/images/nopic.jpg');
					$(obj).parent().prev().find('input').val('');
				}
			</script>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章内容：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<!--<script id="editor" type="text/plain" style="width:100%;height:400px;"></script>-->
					<textarea id="container" style="height:300px;width:100%;" name="content">{$oneData['content']}</textarea>
					<script>
						util.ueditor('container', {
							hash: 2,
							data: 'hd'
						}, function(editor) {
							//这是回调函数 editor是百度编辑器实例
						});
					</script>
				</div>
			</div>
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<!--<button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交审核</button>-->
					<button class="btn btn-secondary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存</button>
					<button class="btn btn-default radius" type="reset">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</article>

	<!--_footer 作为公共模版分离出去-->
	<!--<script type="text/javascript" src="__STATIC__/admin/lib/jquery/1.9.1/jquery.min.js"></script>
					<script type="text/javascript" src="__STATIC__/admin/lib/layer/2.4/layer.js"></script>
					<script type="text/javascript" src="__STATIC__/admin/h-ui/js/H-ui.min.js"></script>-->
	<!--<script type="text/javascript" src="__STATIC__/admin/h-ui.admin/js/H-ui.admin.js"></script>-->
	<!--/_footer /作为公共模版分离出去-->

	<!--请在下方写此页面业务相关的脚本-->
	<!--<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
					<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>-->
	<!--	<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
-->
	<!--		<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>-->
	<!--<script type="text/javascript" src="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.config.js"></script> 
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.all.min.js"> </script> 
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>-->
	<script type="text/javascript">
		$(function() {
			$('.skin-minimal input').iCheck({
				checkboxClass: 'icheckbox-blue',
				radioClass: 'iradio-blue',
				increaseArea: '20%'
			});
			//	
			//	$list = $("#fileList"),
			//	$btn = $("#btn-star"),
			//	state = "pending",
			//	uploader;
			//
			//	var uploader = WebUploader.create({
			//		auto: true,
			//		swf: '__STATIC__/admin/lib/webuploader/0.1.5/Uploader.swf',
			//	
			//		// 文件接收服务端。
			//		server: 'fileupload.php',
			//	
			//		// 选择文件的按钮。可选。
			//		// 内部根据当前运行是创建，可能是input元素，也可能是flash.
			//		pick: '#filePicker',
			//	
			//		// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
			//		resize: false,
			//		// 只允许选择图片文件。
			//		accept: {
			//			title: 'Images',
			//			extensions: 'gif,jpg,jpeg,bmp,png',
			//			mimeTypes: 'image/*'
			//		}
			//	});
			//	uploader.on( 'fileQueued', function( file ) {
			//		var $li = $(
			//			'<div id="' + file.id + '" class="item">' +
			//				'<div class="pic-box"><img></div>'+
			//				'<div class="info">' + file.name + '</div>' +
			//				'<p class="state">等待上传...</p>'+
			//			'</div>'
			//		),
			//		$img = $li.find('img');
			//		$list.append( $li );
			//	
			//		// 创建缩略图
			//		// 如果为非图片文件，可以不用调用此方法。
			//		// thumbnailWidth x thumbnailHeight 为 100 x 100
			//		uploader.makeThumb( file, function( error, src ) {
			//			if ( error ) {
			//				$img.replaceWith('<span>不能预览</span>');
			//				return;
			//			}
			//	
			//			$img.attr( 'src', src );
			//		}, thumbnailWidth, thumbnailHeight );
			//	});
			//	// 文件上传过程中创建进度条实时显示。
			//	uploader.on( 'uploadProgress', function( file, percentage ) {
			//		var $li = $( '#'+file.id ),
			//			$percent = $li.find('.progress-box .sr-only');
			//	
			//		// 避免重复创建
			//		if ( !$percent.length ) {
			//			$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
			//		}
			//		$li.find(".state").text("上传中");
			//		$percent.css( 'width', percentage * 100 + '%' );
			//	});
			//	
			//	// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			//	uploader.on( 'uploadSuccess', function( file ) {
			//		$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
			//	});
			//	
			//	// 文件上传失败，显示上传出错。
			//	uploader.on( 'uploadError', function( file ) {
			//		$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
			//	});
			//	
			//	// 完成上传完了，成功或者失败，先删除进度条。
			//	uploader.on( 'uploadComplete', function( file ) {
			//		$( '#'+file.id ).find('.progress-box').fadeOut();
			//	});
			//	uploader.on('all', function (type) {
			//      if (type === 'startUpload') {
			//          state = 'uploading';
			//      } else if (type === 'stopUpload') {
			//          state = 'paused';
			//      } else if (type === 'uploadFinished') {
			//          state = 'done';
			//      }
			//
			//      if (state === 'uploading') {
			//          $btn.text('暂停上传');
			//      } else {
			//          $btn.text('开始上传');
			//      }
			//  });
			//
			//  $btn.on('click', function () {
			//  	
			//      if (state === 'uploading') {
			//          uploader.stop();
			//      } else {
			//          uploader.upload();
			//      }
			//  });
			//	
			//	var ue = UE.getEditor('editor');
			//	
		});
	</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>

</html>